<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!--bootstarp-css-->
<link href="../css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--/bootstarp-css -->
<!--css-->
<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" />
<link href="../css/hover.css" rel="stylesheet" media="all">
<!--/css-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Petcare Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free web designs for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>

<script src="../js/jquery.min.js"></script>
<script src="../js/modernizr.custom.js"></script>
<script src="../js/responsiveslides.min.js"></script>
<script>
    // You can also use "$(window).load(function() {"
    $(function () {
      $("#slider2").responsiveSlides({
        auto: true,
        pager: true,
        speed: 300,
        namespace: "callbacks",
      });
    });
  </script>
  <style>
  	  #yincan{
  		      width: 160px;
  		      height: 110px;
  		      position: absolute;
  		      top: 70px;
  		      right: 46px;
  		      background-color: #fff;
  		      display: none;
  	  }
  </style>
</head>
<body>
<!--header-->
<div class="header">
	<!-- <ul class="login">
		<li><a href="login.html">登录</a></li>
		<li><a>|</a></li>
		<li><a href="login.html">注册</a></li>
		<li><a>|</a></li>
		<li><a href="login.html">注销</a></li>
	</ul> -->
	<div class="header-info">
	  <div class="container">
		<div class="logo">
				<a href="index.html"><img src="../images/logo-pet.png" style="position: absolute;width: 330px;height: 262px;top: -60px;left: 280px;"/></a>
		</div>
	             <div class="search-box">
				        <form>
				            <input type="text" name="s" class="textbox" placeholder="Search" required="">
				            <input type="submit" value="">
				        </form>
		         </div>
		         <div class="clearfix"> </div>
	  </div>
	</div>
</div>
   <div class="container">
	       <div class="header-bottom">
							<div class="menu">
								<span class="menu-info"> </span>
								<ul class="cl-effect-21">
									<li  id="oneser"><a id="service" href="index.html" class="active">服务中心</a>
									<div id="yican">
										<div>
											<p><a href="adopt.html">宠物领养</a></p>
											<p><a href="farmed.html">宠物寄养</a></p>
											<p><a href="notice.html">寻宠|招领</a></p>
										</div>
									</div>
									</li>
									<li><a href="petbaike.html">宠物百科</a></li>
									<li><a href="news.html">宠物新闻</a></li>
									<li><a href="bbs.html">宠物论坛</a></li>
									<li><a href="404.html">关于我们</a></li>
									<li id="twoser">
										<a href="contact.html" id="myme">个人中心</a>
										<div id="yincan">
											<div>
												<p><a href="myinfo.html">我的</a></p>
												<p><a id="overpet">注销</a></p>
											</div>
										</div>
									</li>
								</ul>
							</div>

					<!--yican -->
					<script>
						$("#service").mouseenter(function(){
							$("#yican").css("display","block");
						});
						$("#oneser").mouseleave(function() {
							$("#yican").css("display", "none");
						});
						$("#myme").mouseenter(function(){
							$("#yincan").css("display","block");
						});
						$("#twoser").mouseleave(function(){
						$("#yincan").css("display","none");
						});
						//注销
						$("#overpet").click(function(){
							if(!confirm('是否确定注销该用户并退出登录？'))
							return;
							$.post('http://localhost:80/ct/remove',function(res){
								if(res){
									location.href='login.html';
								}
							});
						})
						
					</script>
					<!-- /yican -->
					<!--script-nav -->	
			        <script>
					$("span.menu-info").click(function(){
						$("ul.cl-effect-21").slideToggle("slow" , function(){
						});
					});
					</script>
					<!-- /script-nav -->
                    <div class="clearfix"> </div>	
		   </div>
  </div>

  <div class="container" id="pet-detail" style="margin: 80px auto 50px auto;width: 970px;">
    <div class="form-wrapper white-container">
        <span class="label label-warning hidden-xs" style="float: right;margin-right: 70px;">求领养</span>
        <form name="saveQiuLingYang" onsubmit="return false;">
                                <div class="field-box">
                        <div class="col-md-12 text-center">
							
                        </div>
                    </div>
                    <!-- <input name="pet_id" type="hidden" value="1073748">
                    <input name="pet_type" type="hidden" value="dog">
                    <input name="pet_gender" type="hidden" value="0">
                    <input name="is_free" type="hidden" value="1">
                    <input name="pet_uid" type="hidden" value="1023477"> -->
                    <style>
                        .col-md-2{
                            margin-top: 46px;
                            margin-left: 25px;
                        }
                        .col-md-9{
                            margin-top: 40px;
                        }
                    </style>
                    <div class="field-box ">
                        <label class="col-md-2 col-xs-12" >我的地址:</label>
                        <div class="col-md-9 col-xs-12">
                            <input id="mappoint" type="hidden" name="loc" value="">
                            <input class="form-control pull-left inline-input" type="text" id="address" name="addr" placeholder="xx省 xx市 xxx小区" value="">
                        </div>
                    </div>
                    <div class="field-box">
                        <label class="col-md-2 col-xs-12">联系人:</label>
                        <div class="col-md-9 col-xs-12">
                            <input class="form-control inline-input" type="text" name="linkman" placeholder="张先生" value="l.">
                        </div>
                    </div>
                    <div class="field-box">
                        <label class="col-md-2 col-xs-12">手机号:</label>
                        <div class="col-md-9 col-xs-12">
                            <input class="form-control inline-input" type="text" name="tel" placeholder="13888888888" value="17365765467">
                        </div>
                    </div>
                    <div class="field-box">
                        <label class="col-md-2 col-xs-12">QQ号码:</label>
                        <div class="col-md-9 col-xs-12">
                            <input class="form-control inline-input" type="text" name="qq" placeholder="888888" value="">
                        </div>
                    </div>
                    <div class="field-box">
                        <label class="col-md-2 col-xs-12">微信号:</label>
                        <div class="col-md-9 col-xs-12">
                            <input class="form-control inline-input" type="text" name="weixin" placeholder="微信号" value="">
                        </div>
                    </div>
                    <div class="field-box">
                        <label class="col-md-2 col-xs-12">领养条件:</label>
                        <div class="col-md-9 col-xs-12">
                            <textarea rows="4" name="content" class="form-control" placeholder="描述寄养环境，及其家中宠物情况。"></textarea>
                        </div>
                    </div>
                    <div class="field-box">
                        <label class="col-md-2 col-xs-12">&nbsp;</label>
                        <div class="col-md-9 col-xs-12">
                            <!--                        <button class="btn btn-default hidden-xs" onclick="javascript:history.go(-1)"><i class="fa fa-mail-reply"></i>&nbsp; 返回上一页</button>
                                                    &nbsp;&nbsp;-->
                            <button class="btn btn-danger btn-lg" id="save-ly-button" type="submit" style="outline: none;"><i class="fa fa-check"></i> 提交</button>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </form></div>

                <!-- Modal -->
                <div class="modal fade" id="bdmapbox" tabindex="-1" role="dialog" aria-labelledby="messagetitle" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                <h4 class="modal-title" id="myModalLabel">标注领养地址</h4>
                            </div>
                            <div class="modal-body">
                                <div class="ui-select">
                                    <select id="s1"><option value="省份">省份</option><option value="北京市">北京市</option><option value="天津市">天津市</option><option value="上海市">上海市</option><option value="重庆市">重庆市</option><option value="河北省">河北省</option><option value="山西省">山西省</option><option value="内蒙古">内蒙古</option><option value="辽宁省">辽宁省</option><option value="吉林省">吉林省</option><option value="黑龙江省">黑龙江省</option><option value="江苏省">江苏省</option><option value="浙江省">浙江省</option><option value="安徽省">安徽省</option><option value="福建省">福建省</option><option value="江西省">江西省</option><option value="山东省">山东省</option><option value="河南省">河南省</option><option value="湖北省">湖北省</option><option value="湖南省">湖南省</option><option value="广东省">广东省</option><option value="广西">广西</option><option value="海南省">海南省</option><option value="四川省">四川省</option><option value="贵州省">贵州省</option><option value="云南省">云南省</option><option value="西藏">西藏</option><option value="陕西省">陕西省</option><option value="甘肃省">甘肃省</option><option value="青海省">青海省</option><option value="宁夏">宁夏</option><option value="新疆">新疆</option><option value="香港">香港</option><option value="澳门">澳门</option><option value="台湾省">台湾省</option></select>
                                </div>
                                <div class="ui-select">
                                    <select id="s2"><option value="地级市">地级市</option><option value="北京市">北京市</option></select>
                                </div>
                                <div class="ui-select">
                                    <select id="s3"><option value="市、县级市、县">市、县级市、县</option></select>
                                </div>
                                <div class="field-box" style="margin: 10px 0;">
                                    <div class="row">
                                        <div class="col-sm-8">
                                            <input id="ly-address" class="form-control inline-input" value="" placeholder="输入详细地址辅助定位">
                                        </div>
                                        <div class="col-sm-3">
                                            <a id="search-loc-button" class="btn btn-info" href="javascript:void(0)">地图定位</a>
                                        </div>
                                    </div>
                                </div>

                                <div id="baidu_map" style="width: 100%; height: 300px; margin: 10px 0;"></div>
                                <input type="hidden" name="location" id="location" value="">
                                <input type="hidden" name="province" id="province" value="">
                                <input type="hidden" name="city" id="city" value="">
                                <input type="hidden" name="district" id="district" value="">
                                <div class="alert alert-warning" style="margin-bottom: 0">
                                    建议标注该地址，有助于您的宠物被附近的人领养
                                </div>

                            </div>
                            <div class="modal-footer no-margin">
                                <button type="button" id="actionSaveLoc" class="btn btn-success" data-dismiss="modal">保存标注</button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                </div><!-- /.modal -->
            </div>

<!--/header-->

<!--footer-->
<div class="footer">
	<div class="container">
	<div class="copy-rights">
				  <p>Copyright &copy; 2023.Company <a target="_blank" href="index.html">you宠</a></p>
			</div>

	</div>
</div>
<!--/footer-->
</body>
</html>